<template>
  <div>
    <a-modal
      title="分配权限"
      :visible="isAssignPermissions"
      @cancel="cancelAssignP"
    >
      <a-row :gutter="2">
        <a-col :span="4">当前用户</a-col>
        <a-col :span="4">{{ AssignPUser.username }}</a-col>
      </a-row>
      <a-row :gutter="2">
        <a-col :span="4">当前角色</a-col>
        <a-col :span="4">{{ AssignPUser.role_name }}</a-col>
      </a-row>
      <a-row :gutter="2">
        <a-col :span="4">角色</a-col>
        <a-col :span="20">
          <a-form
            :form="form"
            :label-col="{ span: 5 }"
            :wrapper-col="{ span: 12 }"
          >
            <a-form-item>
              <a-select
                v-decorator="[
                  'gender',
                  {
                    rules: [{ required: true, message: '请选择分配的角色' }],
                  },
                ]"
                placeholder="请选择分配的角色"
              >
                <a-select-option value="male"> male </a-select-option>
                <a-select-option value="female"> female </a-select-option>
              </a-select>
            </a-form-item>
          </a-form>
        </a-col>
      </a-row>
    </a-modal>
  </div>
</template>

<script>
export default {
  props: ["AssignPUser", "isAssignPermissions"],
  data() {
    return {
      form: this.$form.createForm(this, { name: "dynamic_rule" }),
    };
  },
  created() {},
  methods: {
    cancelAssignP() {
      this.$emit("cancelAssignP");
    },
  },
};
</script>

<style lang="scss" scoped>
</style>
